﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>登录</title>
    <link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
    <link rel="stylesheet" href="/static/css/login.css" type="text/css" />
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/login.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div class="header"></div>
        <div class="main">
            <div class="main-title"></div>
            <div class="main-login">
                <a class="main-login-title">
                    <span>用户登录/</span>
                    <span>UserLogin</span>
                </a>
                <!--用户名-->
                <div class=" main-login-btn main-login-user">
                    <span id="user"></span>
                    <input id="txtUserName" runat="server" type="text" placeholder="用户名" />
                </div>
                <!--密码-->
                <div class="main-login-btn main-login-password">
                    <span id="password"></span>
                    <input id="txtPassword" runat="server" type="password" placeholder="密码" />
                </div>
                <!--登录按钮-->
                <div class="main-login-input">
                    <asp:ImageButton ID="ImageButton1" ImageUrl="/static/img/loginbt.png" runat="server" OnClientClick="return checkNull()" class="main-login-input-button" OnClick="ImageButton1_Click" />

                    <div class="main-login-input-div">
                        <span id="forgetPass">忘记密码？</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer" id="footer">
            <div class="footer-div">
                <p>技术研发：三奇医疗卫生用品有限公司 </p>
                <p>Copyright © 2010-2016  All rights reserved </p>
            </div>

        </div>
    </form>
</body>
<script>
    function checkNull() {
        var account = $("#txtUserName").val();
        var pwd = $("#txtPassword").val();

        if (account.trim() == "" || pwd.trim() == "") {
            alert("用户名或密码不能为空");
            return false;
        }
        else {
            return true;
        }
    }
</script>
</html>
